<div class="alert-bg">
    <div class="console console-follow">
        <div class="follow-icon">
            <i></i>
        </div>
        <div class="follow-suc">收藏成功</div>
        <div class="follow-info">您可以在我的收藏中找到你收藏的视频</div>
        <div class="follow-btn">
            <input type="button" class="btn myBtn JS-favour_info" value="确定" data-bind="click:hidePopup">
        </div>
    </div>
    <div class="console console-unfollow">
        <div class="follow-icon">
            <i></i>
        </div>
        <div class="follow-suc">确定要取消收藏吗？</div>
        <div class="follow-btn">
            <input type="button" class="sure btn myBtn JS-favour_sure" value="确定">
            <input type="button" class="cancel btn btn-default JS-favour_cancel" value="取消" data-bind="click:hidePopup">
        </div>
    </div>
    <div class="console console-attention">
        <div class="attention-icon">
            <i></i>
        </div>
        <div class="follow-suc">关注成功</div>
        <div class="follow-info">您可以在我的关注中找到你关注的人</div>
        <div class="follow-btn">
            <input type="button" class="btn myBtn JS-follow_info" value="确定" data-bind="click:hidePopup">
        </div>
    </div>
    <div class="console console-unattention">
        <div class="attention-icon">
            <i></i>
        </div>
        <div class="follow-suc">确定要取消关注吗？</div>
        <div class="follow-btn">
            <input type="button" class="sure btn myBtn JS-follow_sure" value="确定">
            <input type="button" class="cancel btn btn-default JS-follow_cancel" value="取消" data-bind="click:hidePopup">
        </div>
    </div>
    <div class="console console-gamed">
        <div class="game-icon">
            <i></i>
        </div>
        <div class="follow-suc">关注成功！</div>
        <div class="follow-btn">
            <input type="button" class="sure btn myBtn JS-game_info" value="确定" data-bind="click:hidePopup">
        </div>
    </div>
    <div class="console console-game">
        <div class="game-icon">
            <i></i>
        </div>
        <div class="follow-suc">确定要取消关注这个游戏吗？</div>
        <div class="follow-btn">
            <input type="button" class="sure btn myBtn JS-game_sure" value="确定">
            <input type="button" class="cancel btn btn-default JS-follow_cancel" value="取消" data-bind="click:hidePopup">
        </div>
    </div>
    <div class="myBox">
        <div class="login-box">
            <div class="login-title">
                <span>欢迎登录</span>
                <i title="取消"></i>
                <div class="toRegister">
                    <span>没有账号？</span>
                    <span class="toRegister-btn" data-bind="click:ToRegister" title="立即注册">立即注册</span>
                </div>
            </div>
            <div class="login-main">
                <div class="login-left">
                    <form action="{:U('user/login')}">
                        <div class="loginInputList">
                            <div class="loginInput-num">
                                <div class="loginInput-num-box">
                                    <i></i>
                                    <input class="JS-account_input" type="text" maxlength="11" placeholder="请输入注册手机号" name="mobile"/>
                                </div>
                                <p data-bind="text:login.error.mobile"></p>
                            </div>
                            <div class="loginInput-password">
                                <div class="loginInput-password-box">
                                    <i></i>
                                    <input class="JS-account_input" type="password" maxlength="16" placeholder="请输入密码" name="password"/>
                                </div>
                                <p data-bind="text:login.error.password"></p>
                            </div>
                        </div>
                        <input type="button" class="JS-submit btn myBtn loginBtn login-submit" value="登录" title="登录" data-bind="click:doLogin"/>
                        <div class="login-tips">
                            <label><input type="checkbox" value="1" class="JS-autoLogin"/>下次自动登录</label>
                            <a href="{:U('visitor/resetPwd')}">忘记密码？</a>
                        </div>
                    </form>
                </div>
                <div class="line"><span class="or">OR</span></div>
                <div class="login-right">
                    <div class="third-login">
                        <div class="third-login-title">使用第三方账号登录</div>
                        <div class="third-login-list">
                            <div class="third-login-item wb" title="新浪微博登录">
                                <a href="{$sso_code_uri.sina}">新浪微博登录</a>
                            </div>
                            <div class="third-login-item qq" title="QQ账号登录">
                                <a href="{$sso_code_uri.qq}">QQ账号登录</a>
                            </div>
                        </div>
                        <div class="third-login-item wx" title="微信账号登录">
                            <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx8c0229cea7f27b8a&redirect_uri={:urlencode(C('LOCAL_DOMAIN'))}%2FHome%2FSso%2Fcode%2Fchannel%2Fweixin&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect">微信账号登录</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="register-box">
            <div class="register-title">
                <span>欢迎注册！</span>
                <i title="取消"></i>
                <div class="toLogin">
                    <span>已有账号？</span>
                    <span class="toLogin-btn" data-bind="click:ToLogin" title="立即登录">立即登录</span>
                </div>
            </div>
            <div class="register-main">
                <div class="register-left">
                    <form action="{:U('user/register')}">
                        <div class="registerInputList">
                            <div class="registerInput-num">
                                <div class="registerInput-num-box">
                                    <i></i>
                                    <input class="JS-account_input JS-account_mobile_register" type="text" maxlength="11" placeholder="请输入注册手机号" name="mobile"/>
                                </div>
                                <p data-bind="text:register.error.mobile"></p>
                            </div>
                            <div class="registerInput-password">
                                <div class="registerInput-password-box">
                                    <i></i>
                                    <input class="JS-account_input JS-password" type="password" maxlength="16" placeholder="请输入密码" name="password"/>
                                </div>
                                <p data-bind="text:register.error.password"></p>
                            </div>
                            <div class="registerInput-password1">
                                <div class="registerInput-password-box1">
                                    <i></i>
                                    <input class="JS-account_input" type="password" maxlength="16" placeholder="再次确认密码" name="repassword"/>
                                </div>
                                <p data-bind="text:register.error.repassword"></p>
                            </div>
                            <div class="registerInput-code">
                                <div class="registerInput-code-box">
                                    <i></i>
                                    <input class="JS-account_input" type="text" maxlength="6" placeholder="请输入验证码" name="verify"/>
                                    <input type="button" class="code btn myBtn code_verify" value="发送验证码" data-url="{:U('user/send_sms_code')}" title="发送验证码" data-bind="click:sendSms">
                                </div>
                                <p data-bind="text:register.error.verify"></p>
                            </div>
                        </div>
                        <input type="button" class="JS-submit loginBtn register-submit btn myBtn" value="注册" title="注册" data-bind="click:doRegister"/>
                    </form>
                </div>
                <div class="line"><span class="or">OR</span></div>
                <div class="login-right">
                    <div class="third-login">
                        <div class="third-login-title">使用第三方账号登录</div>
                        <div class="third-login-list">
                            <div class="third-login-item wb" title="新浪微博登录">
                                <a href="{$sso_code_uri.sina}">新浪微博登录</a>
                            </div>
                            <div class="third-login-item qq" title="QQ账号登录">
                                <a href="{$sso_code_uri.qq}">QQ账号登录</a>
                            </div>
                        </div>
                        <div class="third-login-item wx" title="微信账号登录">
                            <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx8c0229cea7f27b8a&redirect_uri={:urlencode(C('LOCAL_DOMAIN'))}%2FHome%2FSso%2Fcode%2Fchannel%2Fweixin&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect">微信账号登录</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="nick-box">
            <div class="nick-title">
                <span>注册成功!</span>
            </div>
            <div class="nick-main">
                <form>
                    <div class="nick-avatar">
                        <img src="__PUBLIC__/Home/ui3/images/avatar-mr.png" alt="头像"/>
                    </div>
                    <div class="nick-name">尊敬的用户</div>
                    <div class="nick-input">
                        <i></i>
                        <input class="JS-account_input" name="nickname" type="text" maxlength="12" placeholder="请设置您的昵称"/>
                    </div>
                    <p class="nick-tips" data-bind="text:nickname.error"></p>
                    <input type="button" class="JS-submit nick-submit btn myBtn" value="确认" data-bind="click:setNickname"/>
                </form>
            </div>
        </div>
    </div>
</div>
<style>
    .registerInput-code-box-1{
          margin-top:5px;
          margin-left:10px;
    }
    .JS-account_input_1{
           padding:2px 3px;
    }
    .send_code{
           display:block;
           width:120px;
           background:#349ff9 ;
           border-radius: 3px;
           height:40px;
           margin:30px  auto;
           line-height:40px;
           text-align:center;
           color:#fff;
           cursor:pointer;
    }
</style>
<script type="text/javascript">
    $(function(){
        $('.JS-favour_sure').click(function(){
            hidePopup();
            unFavour(favourObj);
        });

        $('.JS-follow_sure').click(function(){
            hidePopup();
            unFollow(followObj);
        });

        $('.JS-game_sure').click(function() {
            hidePopup();
            unScribe(scribeObj);
        })
    });
    var hidePopup = function(obj, e) {
        $(".alert-bg").fadeOut();
        $(".console").removeClass("log");
    }
    window._NICKNAME = {
        checkUrl : "{:U('api/visitor/checkNickname')}",
        setUrl : "{:U('user/nickname')}",
    };
</script>
<script>
    $(function(){
         //点击更换验证码
        
    })
</script>